// 处理图片的灰色底
.el-avatar {
  --el-avatar-bg-color: none !important;
}

// 处理 input 的白/蓝边
.el-input__inner {
  --el-select-input-focus-border-color: none !important;

  box-shadow: none !important;
}

.el-table {
  // 表格头部样式
  .el-table__header-wrapper {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }

  /* el-table 列数据为空自动显示 -- */
  tbody td :empty::before {
    color: gray;
    content: '--';
  }

  /* el-table 中取消多选框的-- */
  .el-checkbox__inner::before {
    color: gray;
    content: '' !important;
  }
}

/* 滚动条的宽度 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* 滚动条的滑块 */
::-webkit-scrollbar-thumb {
  background-color: rgba(48, 65, 86, 50%);

  &:hover {
    background-color: rgba(48, 65, 86, 60%);
  }
}

/* 滚动条边角，即两个滚动条的交汇处 */
::-webkit-scrollbar-corner {
  background-color: var(--el-bg-color);
}

/* 滚动条的轨道 */
::-webkit-scrollbar-track {
  background-color: var(--el-bg-color);
}

.el-drawer__body,
.el-dialog__body {
  .el-select,
  .el-cascader,
  .el-input {
    width: 100%;
  }

  .el-date-editor {
    height: 36px;

    .el-range-input {
      font-size: 14px;
    }
  }

  .el-select,
  .el-select__wrapper,
  .el-date-editor {
    min-height: 36px;
  }

  .el-input__inner {
    min-height: 34px !important;
    font-size: 14px;
  }

  .el-textarea__inner {
    font-size: 14px;
  }

  .el-form-item__label {
    font-size: 14px;
    font-weight: 700;
  }
}

// 抽屉组件样式
.el-drawer {
  .el-drawer__header {
    padding: 20px;
    margin-bottom: 0;
    font-weight: 700;

    .el-drawer__title {
      font-size: 20px;
      text-align: center;
    }
  }
}

// 按钮字体大小
.el-button {
  font-size: 14px !important;

  // 大按钮字体大小
  &.el-button--large {
    font-size: 16px !important;
  }

  // 大按钮字体大小
  &.el-button--small {
    font-size: 12px !important;
  }

  // 文字按钮主题色
  &.el-button--text {
    color: $primaryColor !important;
  }
}
